<!--
 * @Description: 
 * @Author: ljl
 * @Date: 2024-11-01 10:51:30
 * @LastEditors: rendc
 * @LastEditTime: 2024-11-04 17:01:57
-->
<!--
 * @Description: 
 * @Author: ljl
 * @Date: 2024-11-01 10:51:30
 * @LastEditors: rendc
 * @LastEditTime: 2024-11-04 15:46:38
-->
<!-- 告诉浏览器 Html的版本是H5 -->
<!DOCTYPE html>
<!-- 语言en English -->
<html lang="en">
<!-- 文档头部 在网页视口区看不到 -->
<head>
    <!-- 编码格式 -->
    <meta charset="GBK">
    <!-- 移动端适配 -->
     <!-- 宽度为设备宽度，缩放比例为1.0 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 标题 -->
     
    <title>Lo</title>
    <!-- 设置选项卡的图标 -->
    <link rel="icon" href="./img/image.ico" type="image/x-icon">
    <style>
      table,
      /* 给table的子标签设置样式 */
      table th,
      table td{
        /* 边框宽度 1px 线条：实线 黑色 */
        border: 1px solid black;
        /* 表格内边框合并 */
        border-collapse: collapse;
      }
      /* 表格里文字居中 */
      table{
        text-align: center;
      }

        body {
          display: flex;
          justify-content: center;
          align-items: center;
          min-height: 100vh; /* 确保页面高度足够，使表单能垂直居中 */
          margin: 0; /* 去除body默认的外边距 */
          padding: 0; /* 去除body默认的内边距 */
        }
    
        form {
          background-color: #f4f4f4; /* 给表单添加一个背景色，方便查看效果 */
          padding: 20px;
          border-radius: 5px;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        }
    
        form div {
          margin-bottom: 15px;
          text-align: left; /*内部文本左对齐，与输入框更协调 */
        } */
    
         input[type="text"],
        input[type="password"],
        input[type="date"],
        input[type="email"] {
          width: 100%;  /* 输入框宽度占满父元素，即div */
          padding: 10px;
          border: 1px solid #ccc;
          border-radius: 3px;
        }
    
        input[type="radio"] {
          margin-right: 5px;
        }
    
        input[type="submit"] {
          background-color: #007BFF;
          color: white;
          padding: 10px 20px;
          border: none;
          border-radius: 3px;
          cursor: pointer;
        }
      </style>
    
</head>
<!-- 文档的主体 - 在网页的视口区显示 -->
<body>
    <!-- <div>hello world </div>
    <div>hello world </div>
    hello<br>
    <img src="./img/image.png" alt=""/>
    <span>行内元素</span>
    <span>行内元素</span>
    <span>行内元素</span>

    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h5>五级标题</h5>
    <a href="https://baidu.com">百度一下，你就知道</a>
    <a href="https://baidu.com">百度一下，你就知道</a>
    <a href="https://baidu.com">百度一下，你就知道</a>

    <p>段落</p>
    <p>段落</p>
    <p>段落</p> -->
    <img src="./img/in.png" weight="88" height="88" alt=""/>
    <h2>新用户注册</h2>
    <form action="">
        <div>
            用户名:
            <input class="forInt" placeholder="请输入账号" name=""></input>
        </div>
        <div>
            密  码:
            <input type="password" placeholder="请输入密码" name="password"></input>
        </div>
        <div>
            Email:
            <input class="forInt" placeholder="请输入Email" name="email"></input>
        </div>
        <div>
            姓  名:
            <input class="forInt" placeholder="请输入真实姓名" name="name"></input>
        </div>
        <div>
            手机号:
            <input class="forInt" placeholder="请输入您的手机号" name="phone"></input>
        </div>
        <div>
            性别：
            <label for="genderNan">
              男<input id="genderNan" type="radio" name="gender" value="男">
            </label>
            女<input type="radio" name="gender" value="女">
          </div>
          <!-- <div>
            爱好：
            ?<input type="checkbox" name="like" value="?">
            ??<input type="checkbox" name="like" value="??">
            ?<input type="checkbox" name="like" value="?">
          </div> -->
          <!-- <div>
            城市：
            <select name="city">
              <option value="">请选择</option>
              <option value="北京">北京</option>
              <option value="上海">上海</option>
              <option value="广州">广州</option>
            </select>
          </div> -->
          <div>
            出生日期：
            <input type="date" name="birth">
          </div>
          <div>
            验证码:
            <input class="forInt" name="verification_code"></input>
           </div>
          <!-- <div>
            个人介绍：
            <textarea name="info" cols="30" rows="5"></textarea>
          </div> -->
          <!-- <!-- <div>
            如需要其他功能 要绑定事件 -->
            <!-- <input type="button" value="普通按钮">
            <input type="submit" value="提交按钮">
            <input type="reset" value="重置按钮">
          </div> --> 
          <input type="submit" value="注册">
        </form>
        
        <!-- <iframe weight="300" height="300" src="http://www.baidu.com" frameborder="0"></iframe> -->
        <iframe weight="300" height="300" src="https://i.tianqi.com/?c=code&a=getcode&id=55&icon=1" frameborder="0"></iframe>

        
        
          
  </body>
<!-- Html的结束标签 -->
</html>
